<template>
  <div class="title">
    <van-nav-bar
      title="我的收藏"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="list">
      <p v-for='item in id' :key='item'>电影id：{{item}}</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      id:JSON.parse(localStorage.getItem('colArr')) || []
    }
  },
  mounted(){
    console.log(JSON.parse(localStorage.getItem('colArr')));
  },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
  },
};
</script>
<style lang="less" scoped>
.van-icon {
  position: absolute;
  color: black;
}
.list {
  p {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }
}
</style>
